<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="index.css">
    <link rel="stylesheet" href="H-ui.reset.css">
  <!-- <script type="text/javascript" src="ajax.js" ></script> -->
    <script type="text/javascript" src="libs/requirejs.js" async="true"  defer data-main="main.js"></script>
</head>
<body>
<div class="wrap">



<div id="box">

</div>
<footer id="footer">
    <ul>
        <li>
                <a href="#home">
                    <img src="img/home.gif" alt="">
                    <p>首页</p>
                </a>
        </li>
        <li>
            <a href="#market">
                  <img src="img/car.gif" alt="">
                <p>闪送超市</p>
            </a>
        </li>
        <li>
            <a href="#shopping">
                <img src="img/car.gif" alt="">
                <p>购物车</p>
            </a>
        </li>
        <li>
            <a href="#mine">
                <img src="img/ren.gif" alt="">
                <p>我的</p>
            </a>
        </li>
    </ul>
</footer>
</div>
</body>
<script type="text/javascript">
    (function (doc, win) {
        var docEl = doc.documentElement,
            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
            recalc = function () {
                var clientWidth = docEl.clientWidth;
                if (!clientWidth) return;
                if(clientWidth==640){
                    docEl.style.fontSize = '100px';
                }else{
                    docEl.style.fontSize = 100 * (clientWidth / 640) + 'px';
                }
            };

        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener('DOMContentLoaded', recalc, false);
    })(document, window);
</script>
</html>
